<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no,address=no,email=no"/>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>KAA电商管理后台_评论管理</title>
	<script type="text/javascript" src="${path}/mobileTerminal/js/jquery-2.1.1.min.js"></script>
	<script src="${path}/mobileTerminal/js/sidebar-menu.js"></script>
	<link href="${path}/mobileTerminal/css/login.css" rel="stylesheet" media="all">
</head>
<script language="JavaScript">

    function checkboxAll() {
        var checkstr = "";
        $("input:checkbox[name=id]:checked").each(function (i) {
            if (checkstr != "") {    //将所选的各项记录的id形成字符串，并以“，”分割
                checkstr += ",";
            }
            checkstr += $(this).val();
        });
        $("#checkBoxId").val(checkstr)
    }
	/* 是否全选标记 */
    var checkedAll = false;
	/* 全选/取消全选
	 * formName 所在form的name值
	 * checkboxName checkbox的name值
	 * 注意：所有checkbox的name值都必须一样，这样才能达到全选的效果
	 */
    function selectAll(form1, id) {
        var form = document.all.item(form1);
		/* var elements = form.elements[id];*/
        var elements = document.getElementsByTagName("input");
        for (var i = 0; i < elements.length; i++) {
            var e = elements[i];
            if (checkedAll) {
                e.checked = false;
                form.alls.checked = false;
            } else {
                e.checked = true;
                form.alls.checked = true;
                var checkstr = "";
                $("input:checkbox[name=id]:checked").each(function (i) {
                    if (checkstr != "") {    //将所选的各项记录的id形成字符串，并以“，”分割
                        checkstr += ",";
                    }
                    checkstr += $(this).val();
                });
                $("#ids").val(checkstr)
            }
        }
        if (checkedAll) {
            checkedAll = false;
        } else {
            checkedAll = true;
        }
    }
</script>
<body class="main">
	<h1>KAA电商管理后台</h1>
	<jsp:include page="sidebarNav.jsp"></jsp:include><!-- main_sidebar -->
	<form name="form1" method="post"
		  action="${path}/commentPanel" id="form1">
	<div class="main_con_wrap">
			<div class="main_con_top1 goodslist_top1">
				<p class="del_all"><label for="del_all"></label><input name="alls" type="checkbox" onClick="selectAll('form1','id')"/><span>全选</span></p>
				<p class="outline_in"><input type="button" onclick="delAll()" value="批量删除" /></p>
				<p class="recycle_bin"><a href="${path}/commentPanelTrash"></a></p>
				<div class="search_wrap">
					<form id="goods_search" name="goods_search" action=" " method="get">  
						<div class="search_fl">
							<input type="text" placeholder="搜索评论" name="userName" class="search_txt" value="${userNames}">
						</div>
						<input type="submit" value="" name="goods_search_btn" class="search_btn">
					</form>
				</div>
				<div class="clear"></div>
			</div><!-- main_con_top1 -->
			<div class="main_con goods_list">
				<table id="goodslist_table" align="center" border="0" cellpadding="0" cellspacing="1" width="100%" >
					<tr class="TT">
						<th>选择<input name="id" id="Checkbox1"
									 onclick="checkboxAll();" value="" class="np"
									 style="display: none;" type="checkbox"></th>
						<th>用户名</th>
						<%--<th>邮箱</th>--%>
						<th>内容</th>
						<th>留言时间</th>
						<th>操作</th>
					</tr>
					<c:forEach items="${commentList}" var="items">
					<tr>
						<td><input name="id" id="id" onclick="checkboxAll();"
								   value="${items.id}" class="np" type="checkbox"></td>
						<td><span>${items.userName}</span><input type="text" style="display:none;"></td>
						<%--<td><span>jwe@sina.com</span><input type="text" style="display:none;"></td>--%>
						<td><span>${items.content}</span><input type="text" style="display:none;"></td>
						<td><span>${items.startDate}</span><input type="text" style="display:none;"></td>
						<td class="last_td one_input">
							<input class="del_but" value="删除" onclick="del(${items.id})" type="button">
						</td>
					</tr>
					</c:forEach>
				</table>
				<div class="paging_wrap paging" onselectstart="return false" >
					<div class="otherBtns">
						<a class="onepage" value="首页"href="${path}/commentPanel?pageNo=${page.topPageNo }">首页</a>
						<c:choose>
							<c:when test="${page.pageNo!=1}">
								<a class="prevpage" value="上一页" name="previousPage" href="${path}/commentPanel?pageNo=${page.previousPageNo}"></a>
							</c:when>
							<c:otherwise>
								<a class="prevpage" value="上一页" name="previousPage"></a>
							</c:otherwise>
						</c:choose>
					</div>
					<div class="otherBtns">
						<c:choose>
							<c:when test="${page.pageNo != page.totalPages}">
								<a class="nextpage" value="下一页"  href="${path}/commentPanel?pageNo=${page.nextPageNo}"></a>
							</c:when>
							<c:otherwise>
								<a class="nextpage" value="下一页" ></a>
							</c:otherwise>
						</c:choose>
						<a value="尾页" href="${path}/commentPanel?pageNo=${page.bottomPageNo }">尾页</a>
					</div>
					<div class="jumpBtns" style="display:none;">
						<input class="jump_input" data="" type="text">
						<a class="jump_a" data="0">跳转</a>
					</div>
					<br><br>
					<td colspan="6" align="center" bgcolor="#5BA8DE">共${page.totalRecords}条
						记录 共${page.totalPages}页 当前第${page.pageNo}页<br>
				</div>
		</div><!-- main_con -->
	</div>
	</form><!-- main_con_wrap -->
	<form name="form2" method="post"
		  action="${path}/deleteComment" id="form2"
		  class="form2">
		<input name="ids" id="ids" type="hidden">
	</form>
	<div class="footer_copyright">
		<p>苏州知行合一网络科技有限公司提供技术支持，版权所有</p>
	</div><!-- footer_copyright -->

<script>
	/////////////////////////侧边栏按钮
	$.sidebarMenu($('.sidebar-menu'))

   ///////////////////////// Table
			//Delete TR
			function delAll(){
                var elements = document.getElementsByTagName("input");
                for (var i = 0; i < elements.length; i++) {
                        var checkstr = "";
                        $("input:checkbox[name=id]:checked").each(function (i) {
                            if (checkstr != "") {    //将所选的各项记录的id形成字符串，并以“，”分割
                                checkstr += ",";
                            }
                            checkstr += $(this).val();
                        });
                        $("#ids").val(checkstr)
                }
	    		document.getElementById("form2").submit();
			}

    function del(value) {
        $("#ids").val(value)
        document.getElementById("form2").submit();
    }
</script>
</body>
</html>